﻿#ch-nav {
    display: none
}

#page {
    width: 1190px
}

#content {
    margin-top: 15px;
    font-family: '\5fae\8f6f\96c5\9ed1','\5b8b\4f53'
}

    #content .buyer .main {
        padding: 24px 0 160px;
        background: #eff6ff
    }

    #content .buyer .main h3 {
        width: 978px;
        height: 60px;
        margin: 0 auto;
        line-height: 50px;
        text-align: center;
        font-size: 30px;
        font-weight: 400;
        background: url(/imgs/TB1Q45pFVXXXXanaXXX94KA4FXX-1190-249.png) no-repeat 0 -190px;
        color: #fff
    }

    #content .seller .main h3 {
        padding: 25px 0;
        font-size: 24px;
        text-align: center;
        color: #676c81
    }

    #content .rolebox {
        position: relative;
        width: 136px;
        font-size: 14px;
        line-height: 30px;
        letter-spacing: 15px
    }

    #content .rolebox a {
        text-indent: 47px
    }

    #content .rolebox a:hover {
        text-decoration: none;
        background: #16a086;
        color: #fff
    }

    #content .rolebox .role {
        display: block;
        height: 30px;
        background: #00b997;
        color: #fff
    }

    #content .rolebox .arrow {
        position: absolute;
        top: 13px;
        right: 23px;
        width: 0;
        height: 0;
        overflow: hidden;
        border-width: 5px;
        border-style: solid;
        _border-style: dashed;
        border-color: transparent;
        border-top-color: #fff;
        _border-top-style: solid
    }

    #content .rolelist {
        display: none;
        padding: 0px;
    }

    #content .rolelist a {
        display: block;
        height: 30px;
        background: #e3fffa;
        color: #00ba97
    }

    #content .expanded .arrow {
        top: 8px;
        width: 0;
        height: 0;
        overflow: hidden;
        border-width: 5px;
        border-style: solid;
        _border-style: dashed;
        border-color: transparent;
        border-bottom-color: #fff;
        _border-bottom-style: solid
    }

    #content .expanded .rolelist {
        display: block;
        position: absolute;
        top: 30px;
        left: 0;
        width: 100%
    }

    #content .intro {
        height: 180px;
        overflow: hidden;
        text-align: center;
        background: url(/imgs/TB1Q45pFVXXXXanaXXX94KA4FXX-1190-249.png) no-repeat 0 0;
        background-color: #497cae;
        color: #fff
    }

    #content .intro h2 {
        font-size: 46px
    }

        #content .intro h2 img {
            vertical-align: middle
        }

    #content .intro p {
        margin-top: 5px;
        padding: 0 136px;
        font-size: 16px;
        line-height: 1.5;
        text-align: left
    }

    #content .buyer h2 {
        padding-top: 20px
    }

    #content .seller h2 {
        padding-top: 30px
    }

    #content .seller p {
        text-align: center
    }

    #content .seller .num {
        margin: 0 3px;
        font-weight: 700;
        font-family: tahoma
    }

    #content .deposit {
        position: relative;
        border-left: 1px solid #eee;
        border-right: 1px solid #eee
    }

    #content .deposit .operates {
        width: 1084px;
        margin: 0 auto 20px;
        *zoom: 1
    }

        #content .deposit .operates:before, #content .deposit .operates:after {
            content: " ";
            display: table
        }

        #content .deposit .operates:after {
            clear: both
        }

        #content .deposit .operates:before, #content .deposit .operates:after {
            content: " ";
            display: table
        }

        #content .deposit .operates:after {
            clear: both
        }

        #content .deposit .operates:before, #content .deposit .operates:after {
            content: " ";
            display: table
        }

        #content .deposit .operates:after {
            clear: both
        }

        #content .deposit .operates:before, #content .deposit .operates:after {
            content: " ";
            display: table
        }

        #content .deposit .operates:after {
            clear: both
        }

        #content .deposit .operates li {
            display: inline;
            float: left;
            width: 300px;
            padding: 0 30px;
            min-height: 108px;
            _height: 108px;
            border-left: 1px solid #eee
        }

        #content .deposit .operates .first {
            border-left: 0
        }

        #content .deposit .operates .operate {
            display: block;
            width: 150px;
            height: 38px;
            margin: 0 auto 25px;
            line-height: 38px;
            text-align: center;
            font-size: 16px;
            border: 1px solid #6092cf;
            border-bottom-width: 2px;
            color: #497bae
        }

        #content .deposit .operates .explain {
            line-height: 1.5;
            text-align: left;
            font-size: 12px;
            color: #a0a0a0
        }

        #content .deposit .view-more {
            position: absolute;
            top: 35px;
            right: 158px
        }

        #content .deposit .view-more a {
            font-size: 14px;
            color: #6092cf
        }

        #content .deposit .view-more .arrow {
            display: inline-block;
            width: 6px;
            height: 10px;
            overflow: hidden;
            margin-left: 10px;
            vertical-align: middle;
            background: url(http://gtms04.alicdn.com/tps/i4/TB1eegKFVXXXXaNXFXXDkfG.FXX-10-26.png) no-repeat 0 -16px
        }

    #content .contracts {
        background: #eff6ff
    }

    /*        #content .contracts .list {
        width: 1042px;
        margin: 0 auto 30px;
        *zoom: 1
    }*/

    #content .contracts .list:before, #content .contracts .list:after {
        content: " ";
        display: table
    }

    #content .contracts .list:after {
        clear: both
    }

    #content .contracts .list:before, #content .contracts .list:after {
        content: " ";
        display: table
    }

    #content .contracts .list:after {
        clear: both
    }

    #content .contracts .list:before, #content .contracts .list:after {
        content: " ";
        display: table
    }

    #content .contracts .list:after {
        clear: both
    }

    #content .contracts .list:before, #content .contracts .list:after {
        content: " ";
        display: table
    }

    #content .contracts .list:after {
        clear: both
    }

    #content .contracts .list dl {
        display: inline;
        float: left;
        position: relative;
        width: 310px;
        height: 76px;
        margin: 0 1px 1px 0;
        padding: 15px 15px 15px 20px;
        overflow: hidden;
        background: #fff
    }

        #content .contracts .list dl:hover {
            z-index: 1;
            -moz-box-shadow: 0 0 3px 1px #e6ecf5;
            -webkit-box-shadow: 0 0 3px 1px #e6ecf5;
            box-shadow: 0 0 3px 1px #e6ecf5
        }

    #content .contracts .list dt, #content .contracts .list dd {
        display: inline-block;
        *display: inline;
        *zoom: 1;
        vertical-align: top
    }

    #content .contracts .list dt {
        margin-right: 20px
    }

    #content .contracts .list .name {
        font-size: 16px;
        margin-bottom: 6px;
        color: #676c81;
        display: inline;
    }

    #content .contracts .list .explain {
        margin-bottom: 2px;
        color: #a0a0a0;
        display: inline-block;
    }

    #content .contracts .list .join {
        position: absolute;
        top: 15px;
        right: 15px;
        width: 86px;
        height: 22px;
        line-height: 22px;
        font-size: 14px;
        text-align: center;
        background: #6092cf;
        border-bottom: 2px solid #497bae;
        color: #fff
    }

    #content .contracts .list .view-more {
        font-family: tahoma;
        color: #497bae
    }

    #content .contracts .list .other dd {
        padding-top: 18px;
        font-size: 16px;
        color: #676c81
    }

    #content .iconshow .toggle {
        padding-bottom: 25px;
        text-align: center;
        font-size: 14px;
        color: #6092cf;
        cursor: pointer
    }

    #content .iconshow .toggle span, #content .iconshow .toggle .arrow {
        display: inline-block;
        vertical-align: middle
    }

    #content .iconshow .toggle .arrow {
        width: 10px;
        height: 6px;
        overflow: hidden;
        margin-left: 10px;
        background: url(http://gtms04.alicdn.com/tps/i4/TB1eegKFVXXXXaNXFXXDkfG.FXX-10-26.png) no-repeat 0 0
    }

    #content .iconshow ul {
        display: none;
        width: 1084px;
        margin: 0 auto;
        *zoom: 1
    }

    #content .iconshow ul:before, #content .iconshow ul:after {
        content: " ";
        display: table
    }

    #content .iconshow ul:after {
        clear: both
    }

    #content .iconshow ul:before, #content .iconshow ul:after {
        content: " ";
        display: table
    }

    #content .iconshow ul:after {
        clear: both
    }

    #content .iconshow ul:before, #content .iconshow ul:after {
        content: " ";
        display: table
    }

    #content .iconshow ul:after {
        clear: both
    }

    #content .iconshow ul:before, #content .iconshow ul:after {
        content: " ";
        display: table
    }

    #content .iconshow ul:after {
        clear: both
    }

#content .iconshow li {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    position: relative;
    width: 300px;
    margin-right: -3px;
    *margin-right: 0;
    margin-bottom: 22px;
    padding: 0 30px;
    vertical-align: top;
    text-align: center
}

ul, ol {
    list-style: none;
}

#content .iconshow li span {
    display: block;
    margin-bottom: 15px;
    color: #82889a
}

#content .iconshow li img {
    vertical-align: middle;
    cursor: pointer
}

#content .iconshow .bigpic {
    display: none
}

#content .iconshow .showed .bigpic {
    display: block;
    position: absolute;
    right: -60px;
    bottom: -60px
}

#content .expand-toggle .toggle .arrow {
    background: url(http://gtms04.alicdn.com/tps/i4/TB1eegKFVXXXXaNXFXXDkfG.FXX-10-26.png) no-repeat 0 -8px
}

#content .expand-toggle ul {
    display: block
}

#content .refund {
    text-align: center
}

#content .buyer .refund img {
    margin-top: 86px
}

#content .seller .refund {
    padding-bottom: 160px;
    border: 1px solid #eee;
    border-top: 0
}

    #content .seller .refund img {
        margin-top: 5px
    }

a {
    text-decoration: none;
}

#content .contracts .list dl {
    height: 100px;
}

#content .contracts .list dd {
    width: 230px;
    display: inline;
}

#content .contracts .list .explain {
    overflow: hidden;
    word-wrap: break-word;
    text-align: left
}
/*买家*/
#content {
    margin-top: 15px;
    font-family: '\5fae\8f6f\96c5\9ed1','\5b8b\4f53';
}

#content .expanded .arrow {
    top: 8px;
    width: 0;
    height: 0;
    overflow: hidden;
    border-width: 5px;
    border-style: solid;
    _border-style: dashed;
    border-color: transparent;
    border-bottom-color: #fff;
    _border-bottom-style: solid
}

#content .expanded .rolelist {
    display: block;
    position: absolute;
    top: 30px;
    left: 0;
    width: 100%
}


#content .rolebox {
    position: relative;
    width: 136px;
    font-size: 14px;
    line-height: 30px;
    letter-spacing: 15px;
}

#content .intro {
    height: 180px;
    overflow: hidden;
    text-align: center;
    background: url(https://img.alicdn.com/tps/i2/TB1Q45pFVXXXXanaXXX94KA4FXX-1190-249.png) no-repeat #497cae;
    color: #fff;
}

#content .buyer .main {
    padding: 24px 0 160px;
    background: #eff6ff;
}

#content .buyer h2 {
    padding-top: 20px;
}

#content .intro h2 {
    font-size: 46px;
}

#content .intro p {
    margin-top: 5px;
    padding: 0 136px;
    font-size: 16px;
    line-height: 1.5;
    text-align: left;
}

#content .rolebox .role {
    display: block;
    height: 30px;
    background: #00b997;
    color: #fff;
}

#content .rolebox a {
    text-indent: 47px;
}

#content .rolelist {
    display: none;
    padding: 0px;
}

#content .rolelist a {
    display: block;
    height: 30px;
    background: #e3fffa;
    color: #00ba97;
}

#content .rolebox a {
    text-indent: 47px;
}

ul, ol {
    list-style: none;
}

#content .rolebox .arrow {
    position: absolute;
    top: 13px;
    right: 23px;
    width: 0;
    height: 0;
    overflow: hidden;
    border-width: 5px;
    border-style: solid;
    _border-style: dashed;
    border-color: #fff transparent transparent;
    _border-top-style: solid;
}

#content .buyer .main h3 {
    width: 978px;
    height: 60px;
    margin: 0 auto;
    line-height: 50px;
    text-align: center;
    font-size: 30px;
    font-weight: 400;
    background: url(https://img.alicdn.com/tps/i2/TB1Q45pFVXXXXanaXXX94KA4FXX-1190-249.png) 0 -190px no-repeat;
    color: #fff;
}

#content .contracts .list {
    margin: 55px 0 160px;
    padding: 0 130px;
}

#content .contracts .list li {
    margin-bottom: -25px;
}

#content .contracts .left a {
    width: 460px;
}

#content .contracts .list a {
    display: inline-block;
    position: relative;
    min-height: 24px;
    _height: 24px;
    color: #666;
}

#content .contracts .promise .ikon {
    left: -54px;
}

#content .contracts .list .ikon {
    position: relative;
}

#content .contracts .list img {
    vertical-align: middle;
}

#content .contracts .right {
    text-align: right;
}

    #content .contracts .right a {
        width: 390px;
    }

#content .contracts .list a {
    display: inline-block;
    position: relative;
    min-height: 24px;
    _height: 24px;
    color: #666;
}

a {
    text-decoration: none;
}

#content .contracts .old2new .cnt {
    bottom: 38px;
}

#content .contracts .right .cnt {
    left: -10px;
    text-align: left;
}

#content .contracts .list .cnt {
    position: absolute;
    bottom: 0;
    width: 270px;
}

#content .contracts .list .name {
    margin-left: 6px;
    font-size: 23px;
    vertical-align: middle;
}

#content .contracts .list .desc {
    display: block;
    overflow: hidden;
    margin-top: 7px;
    word-wrap: break-word;
    font-size: 12px;
    line-height: 2;
}

#content .contracts .broken .ikon {
    left: -10px;
}

#content .contracts .left .cnt {
    right: -50px;
}

#content .contracts .quality .ikon {
    right: 12px;
}

#content .contracts .quality .cnt {
    bottom: 12px;
}

address, cite, dfn, em, var {
    font-style: normal;
}

#content .contracts .sendtime .ikon {
    left: 35px;
    bottom: -20px;
}

#content .contracts .courier .ikon {
    right: -80px;
}

#content .contracts .courier .cnt {
    bottom: 22px;
}

#content .refund {
    text-align: center;
}

#content .buyer .refund img {
    margin-top: 86px;
}

a {
    text-decoration: none;
}
